<template>
  <div class="App" v-if="show">
    <img src="~@/assets/img/logo.png">
    <p>下载搜城APP，更多优选好铺等你来挑!</p>
    <router-link tag="div" :to="'/download/'" class="app_download">APP下载</router-link>
    <div class="app_cha iconfont icon-artboard1" @click="show=false"></div>
  </div>
</template>

<script>
export default {
  name: 'CompanyApp',
  data () {
    return {
      show: true
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.App
  width 100%
  height 1.14rem
  padding .2rem .2rem .2rem .3rem
  display flex
  justify-content space-between
  box-shadow 1px 1px 5px 0px rgba(4, 0, 0, 0.05)
  img
    width .74rem
    height .74rem
    margin-right .1rem
  p
    font-size 0.24rem
    line-height .74rem
    margin-right .2rem /* 15/50 */
    overflow hidden
  .app_download
    width 1.24rem /* 62/50 */
    height .62rem
    font-size .24rem
    border-radius 5px
    background  linear-gradient(90deg, #F14510, #EE340F);
    box-shadow  1px 1px 5px 0px rgba(255, 1, 1, 0.42);
    text-align center
    line-height 0.62rem
    color #fff
    margin-top .08rem
  .app_cha
    width .64rem
    height .62rem
    line-height .62rem
    text-align center
    margin-top .08rem
    margin-left .22rem /* 11/50 */
    font-size .24rem /* 12/50 */
</style>
